body.front{ background-image: url(../images/kv-bg.jpg); background-repeat: no-repeat; background-position: center 132px; }
.front-kv{ position: relative; min-height: 567px; _height: 567px; border-bottom: 1px dotted #afafaf; }
.front-kv a{ text-decoration: none; }
.kv-t{ position: absolute; top: 180px; left: 376px; width: 202px; text-align: center; z-index: 10; color: #eb3c00; line-height: 1.2; font-family: "Microsoft Yahei"; }
.kv-t h1{ font-size: 46px; }
.kv-t h2{ font-size: 24px; }
.kv-t p{ margin: 10px 0 0 0; }
.kv-t a{ font-size: 16px; }
.kv-t a:hover{ color: #eb3c00; text-decoration: none; }
.kv-list1{ position: absolute; top: 206px; left: 57px; }
.kv-list2{ position: absolute; top: 340px; left: 158px; }
.kv-list3{ position: absolute; top: 157px; right: 60px; }
.kv-list4{ position: absolute; top: 300px; right: 160px; }
.kv-list1 div,
.kv-list2 div,
.kv-list3 div,
.kv-list4 div{ position: relative; }
.kv-list1 a,
.kv-list2 a,
.kv-list3 a,
.kv-list4 a{ display: block; }
.kv-list-box{ position: absolute; top: 50px; left: 0; width: 181px; height: 101px; background: url(../images/kv-tips-bg.png); font-family: "Microsoft Yahei"; display: none; }
.kv-list-box h2{ margin: 5px 0; text-align: center; font-size: 22px; }
.kv-list-box p{ width: 134px; margin: 0 auto; text-align: center; font-size: 14px; color: #797979; line-height: 1.3; }
.kv-list1 .kv-list-box{ top: -85px; left: -55px; }
.kv-list1 h2{ color: #f6612e; }
.kv-list2 .kv-list-box{ top: -85px; left: -46px; }
.kv-list2 h2{ color: #02ddfc; }
.kv-list3 .kv-list-box{ top: -85px; left: -46px; }
.kv-list3  h2{ color: #ffb400; }
.kv-list4 .kv-list-box{ top: -85px; left: -60px; }
.kv-list4  h2{ color: #11a0da; }
.kv-intro{ position: absolute; width: 622px; top: 465px; left: 195px; text-align: center; font-size: 14px; color: #242424; }
#rotate-bg{ position: absolute; top: 0px; left: 233px; width: 480px; height: 480px; background: url(../images/rotate-bg.png); }
.intro-ico{ -moz-transform: scale(0.9); -moz-transition-duration: 0.5s; -moz-transition-timing-function: ease-out; -ms-transform: scale(0.9); -ms-transition-duration: 0.5s; -ms-transition-timing-function: ease-out; -webkit-transform: scale(0.9); -webkit-transition-duration: 0.5s; -webkit-transition-timing-function: ease-out; -o-transform: scale(0.9); -o-transition-duration: 0.5s; -o-transition-timing-function: ease-out; transition-duration: scale(0.9); transition-duration: 0.5s; transition-timing-function: ease-out; }
a:hover .intro-ico,
.img-zoom{ -moz-transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); }
.front-content{ margin: 21px 0 0 0; }
.new-office{ position: relative; float: left; width: 614px; padding: 10px 10px 0 10px; background: #ececec; }
.new-office .title{ float: left; width: 150px; margin: 0 0 0 10px; }
.new-office-logos{ float: right; width: 417px; }
.new-office h3{ margin: 10px 0; font-size: 29px; line-height: 1.2; }
.new-office .note{ font-size: 14px; color: #676767; }
.new-office-logos-1{ margin: 0 0 0 0; }
.new-office-logos-1 li{ float: left; margin: 8px 10px 0 0; }
.new-office-logos-2{ margin: 16px 0 10px -25px; }
.new-office-logos-2 li{ margin-bottom: 7px; float: left; margin: 0 0 0 25px; }
.aside-wrap{ width: 301px; float: right; }
.aside-wrap .contact-consultant{ padding: 11px 16px 11px 89px; height: 60px; font-size: 14px; background: #ececec url(../images/contact-consultant-icon.png) no-repeat 16px; }
.aside-wrap .contact-consultant span{ color: #eb3c00; }
.aside-wrap .contact-consultant a{ color: #eb3c00; text-decoration: underline; }
.aside-wrap .down-load{ margin: 6px 0 0  0; height: 90px; font-size: 14px; background: #ececec url(../images/down-load-btn.png) no-repeat 16px 10px; }
.aside-wrap .down-load p{ padding: 8px 0 0 90px; width: 180px; }
.aside-wrap .down-load a{ margin: 10px 0 0 0; font-size: 14px; color: #eb3c00; }
.front-content-row2{ position: relative; margin: 6px 0 0 0; }
.front-casestudy{ float: left; width: 633px; margin: 20px 0 0 0; }
.front-casestudy-title{ float: left; width: 180px; margin: 0 0 0 20px; }
.front-casestudy-title p{ margin: 10px 0 0 0; }
.front-casestudy-title a{ padding: 0 20px 0 0; color: #eb3c00; background: url(../images/more-ico01.png) no-repeat right 0; }
.front-casestudy-title h3{ font-size: 29px; line-height: 1.2; }
.front-casestudy-detail{ position: relative; float: left; width: 400px; margin: 0 0 0 30px; _margin: 0 0 0 10px; }
.front-casestudy-detail dl{ margin: 0 15px 0 0; }
.front-casestudy-detail dl.no-mar{ margin: 0; }
.front-casestudy-detail dt{ float: left; width: 121px; border-left: 1px solid #e9e9e9; }
.front-casestudy-detail dt img{ margin: 0 0 0 16px; }
.front-casestudy-detail dd{ float: left; width: 260px; font-size: 14px; }
.front-casestudy-detail dd span{ font-size: 11px; color: #666; }
.front-casestudy-detail dd a{ color: #000; text-decoration: underline; font-size: 12px; }
.front-casestudy-detail h5{ font-weight: bolder; font-family: "Verdana"; margin: 0 0 5px 0; }
.testing-area{ float: right; background: url(../images/front-testing-bg.png); width: 301px; height: 120px; }
.testing-area .p01{ margin: 5px 0 0 88px; color: #eb3c00; font-size: 14px; }
.testing-btn{ display: inline-block; background: url(../images/front-testing-btn.png); width: 141px; height: 39px; line-height: 30px; margin: 5px 0 0 82px; text-align: center; color: #ffff33; font-weight: bolder; font-family: "Arial"; }
.testing-btn:hover{ text-decoration: none; }
.testing-rule{ margin: 0 0 0 88px; color: #a2a1a1; text-decoration: underline; }
